$(function () {

    let qid = $("#qid");
    $.get("/exam/q/" + qid.val(), function (data, status) {
        $("#title").val(data.title);
        $("#message").val(data.qInfo);
        $("#caseIn").val(data.caseIn);
        $("#caseOut").val(data.caseOut);
        $("#testNum").val(data.testNum);
        inAndOut();
        $("#in1").children().val(data.in1);
        $("#out1").children().val(data.out1);
        $("#in2").children().val(data.in2);
        $("#out2").children().val(data.out2);
        $("#in3").children().val(data.in3);
        $("#out3").children().val(data.out3);
    });

    inAndOut();
    let t = $("#testNum");

    t.change(function () {
        inAndOut();
    });
});

function inAndOut() {
    let testNum = $("#testNum").val();

    if (testNum <= 0) {
        let in1 = $("#in1");
        in1.children().val("");
        in1.hide();
    }
    if (testNum <= 1) {
        let in2 = $("#in2");
        let out2 = $("#out2");
        in2.children().val("");
        in2.hide();
        out2.children().val("");
        out2.hide();
    }
    if (testNum <= 2) {
        let in3 = $("#in3");
        let out3 = $("#out3");
        in3.children().val("");
        in3.hide();
        out3.children().val("");
        out3.hide();
    }

    if (testNum >= 1) {
        $("#in1").show();
        $("#out1").show();
    }
    if (testNum >= 2) {
        $("#in2").show();
        $("#out2").show();
    }
    if (testNum >= 3) {
        $("#in3").show();
        $("#out3").show();
    }
}